<template>
  <div class="wf-box">
    <div class="wf-main" select>
      <van-index-anchor :index="1">{{ modulName.name }}</van-index-anchor>
      <div
        @click="myClick(item)"
        class="wf-nav-item clear"
        v-for="(item, Index) in modulName.children"
        :key="Index"
      >
        <img :src="item.src" />
        <div class="wf-item-text"><van-cell :title="item.name" /></div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "ChooseModel",
  data() {
    return {
      modulName:'',
    };
  },
  created(){
    this.modulName=this.$route.query.item
  },
  methods: {
    onClickLeft() {
      // Toast("返回");
    },
    onClickRight() {
      // Toast("按钮");
    },
    myClick(item) {
      console.log('dianji');
      this.$router.push({
        path:'/maintenance/site',
        query: {
          hardText:'选择维修部位',
          item
        }
      })
    },
  },
};
</script>


<style lang="scss" scoped>
@import "../assets/scss/var";
.wf-box {
  .wf-main {
    .wf-nav-item {
      margin: 10px;
      margin-left: 20px;
      width: 100%;
      
      img {
        width: 34px;
        height: 30px;
        padding: 7px 0;
        float: left;
      }
      .wf-item-text {
        float: left;
      }
    }
  }
}
</style>